.other_pagelogo{display: none;}
.banner{width: 100%;height: 100%; position: relative;}
.index_banner .item { display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;  min-height: 500px; background-size: cover;-webkit-background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.index_banner .items {background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.index_banner .items::after {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index_banner .inner{font-size: 0; width: 88%;margin:0 auto;/*position: absolute;top:50%;left:50%;  -webkit-transform:translateX(-50%) translateY(-50%);  -ms-transform:translateX(-50%) translateY(-50%);  transform:translateX(-50%) translateY(-50%); */ }
.index_banner .inner .block_txt {width: 50%;margin-right: 10%;padding-left:4%;box-sizing: border-box;display: inline-block;vertical-align:middle;}
.index_banner .inner .block_txt h2{ color: #ffffff;font-size: 58px;line-height: 70px;font-weight: bold;margin-bottom: 20px;}
.index_banner .inner .block_txt h4{width: 60%; color: #ffffff;font-size: 20px;line-height: 40px; -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.btn_more{color: #ffffff; margin-top: 40px;display: inline-block;border:1px solid #ffffff;border-radius: 50px;font-size: 16px;color: #ffffff;padding:10px 35px; }
.btn_more:hover{background-color:#ffbf00;color: #ffffff; border-color: #ffbf00;}
.index_banner .inner .block_img{width: 40%;display: inline-block;vertical-align:middle;text-align: center;}
.index_banner .inner .block_img img{display: inline-block;max-width: 70%;}

.index_banner .fadeInDown, .index_banner .bannerfadeInLeft{opacity:0;}
.index_banner .item.slick-slide .fadeInDown{-webkit-animation: fadeOutLeft 1.5s both;animation: fadeOutLeft 1.5s both;  }
.index_banner .item.slick-active .fadeInDown{ -webkit-animation: fadeInDown 1.2s both 1.2s;animation: fadeInDown 1.2s both 1.2s;}
.fadeIn{-webkit-animation: fadeOut 0.5s both;animation: fadeOut 0.5s both;  }
.index_banner .item.slick-active .fadeIn{ -webkit-animation: fadeIn 0.2s both 0.5s;animation: fadeIn 0.52s both 0.5s;}
.index_banner .item.slick-slide .bannerfadeInLeft{ -webkit-animation: fadeOutLeft 1s both; animation: fadeOutLeft 1s both; }
.index_banner .item.slick-active .bannerfadeInLeft{  -webkit-animation: fadeInLeft 1s both 1.5s;animation: fadeInLeft 1s both 1.5s;}

.banner_bottom{z-index: 22; position: absolute;width: 90%;padding:20px 3%; left:5%;background-color: #ffffff; box-shadow: 0px 2px 6px #dcdbdb;}
.banner_control{/*display: table;*/height: 100%; position: absolute;left:3%;top:50%;transform: translateY(-50%);  -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);   width: 30%;font-size: 16px;text-align: left;}
/*.banner_control>*{display: table-cell!important;vertical-align: middle;}*/
.banner_bottom .btn_slick{ cursor: pointer; padding:10px; width: 31px;height: 44px;background:url(../icon_btnslick.png) no-repeat center center;}
.banner_bottom .btn_next{transform:rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform:rotate(-180deg);  /*margin-left: 10%;*/}
/*.banner_bottom .btn_prev{margin-right:10%;}*/
.bannerpages{text-align: center;}
.scroll_data{width: 100%;height: 100%; float: right;font-size: 0;text-align: right;}
.scroll_data_item{display: inline-block;vertical-align:top;padding-left:9%; text-align: left;}

.cblue{color: #0043b3;}
.cyellow{color: #ffbf00;}
.cgreen{color: #03b800;}
.container_wrap{width: 90%;margin:0 auto;}


/*公司活动*/
.company_activity{width: 100%;padding:10% 0 3% 0;position: relative;background:url(../bg_activity.png) no-repeat top right;background-size: 20% auto;}
.company_activity .left_part{width:76%;}
.activity_slider{width: 100%;margin:3% 0;}
.block_title{color: #000000;}
.block_title h2{font-weight: bold;}

.activity_slider {overflow-y: hidden; overflow-x: auto;white-space: nowrap;}

.activity_slider::-webkit-scrollbar{height:0px}
.activity_slider .slick-slide{background-color: #ffffff;}
.activity_slider .item .img,.activity_slider .item .img img{width: 100%;}
/*.activity_slider .item .img img{position: relative;overflow:hidden;}
.activity_slider .item .img img::after{content: "";height: 100%;width: 100%;position: absolute;left: 0;top: 0;background: url(../nopic.jpg) no-repeat center;}*/
.activity_slider .item .txt{width: 100%;padding:18px 10px;font-size: 0;}
.activity_slider .item a:hover .txt{background-color: #0043b3;}
.activity_slider .item a:hover .item_title{color: #ffffff;}
.activity_slider .item a:hover  .txt .pub_date .date{color: #ffffff;}
.activity_slider .item a:hover .txt .pub_date .y_m{color: #ffffff;}

.activity_slider .item .txt .pub_date{display: inline-block;width:60px;margin-right: 10px; vertical-align: middle;text-align: center;}
.activity_slider .item .txt .pub_date .date{ font-size: 30px;font-weight: bold;color: #000000;}
.activity_slider .item .txt .pub_date .y_m{ font-size: 13px;padding-top: 4px; color: #8c8c8c;}
.activity_slider .item .txt .item_title{color: #000000; display: inline-block;width:calc(100% - 70px);vertical-align: middle;font-size: 16px;line-height: 22px;max-height: 44px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bg_gray{background-color: #f8f8f8;}
.company_activity .bg_gray{width: 100%;height:42%;position: absolute;left: 0;bottom:0;}
.activity_slider_control{z-index: 2;text-align: center;width: 100%;position: relative;}

.activity_slider .item .img{width: 100%;position: relative;}
.activity_slider .item .img img{height: 100%; position: absolute;top:50%;left:50%;transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);}
.activity_slider .item .img{overflow: hidden;position: relative;}
.activity_slider .item .img::before {content: '';padding-top: 68%;float: left;}
.activity_slider .item .img::after {content: ''; display: block; clear: both;}

.btn_more2{color: #585858;font-size: 16px; display:inline-block;padding-right: 40px;transition: all ease 0.3s;-webkit-transition:all ease 0.3s;  background: url(../icon_right.png) no-repeat right center;}
.btn_more2:hover{padding-left: 30px; }
.company_activity .btn_more2{position: absolute;right: 10%;top:50%;margin-top: -11px;transition: all ease 0.3s;-webkit-transition:all ease 0.3s; }
.company_activity .btn_more2:hover{right: 8%; }
.company_activity .right_part{ width: 12%;position: absolute;right: 12%;top:30%;}
.company_activity .right_part .slogan{font-weight: bold; float: right; color: #464646; }

.environment_slider_for{background-color: #ffffff;z-index: 2;}
.environment_slider_for_control .slider_btn{background-color: #f7f7f7;}
.environment_slider_for_control .slider_btn:hover{background-color: #000000;}

/*域名查询*/
.domain_query{width: 100%;padding:2% 0 10% 0;background-color: #ffffff;position: relative;background:url(../bg_domain_query.png) no-repeat left bottom;background-size:20% auto;z-index:2;}
.domain_query .block_title{text-align: center;}
.domain_query .block_title p{margin-left: 0;line-height: 30px;}
.form_querydomain{width: 60%;margin:0 auto;text-align: center;margin-top: 50px;}
.form_querydomain .input_box{position: relative;padding:10px 0;border-bottom: 1px solid #a1a1a1;margin-bottom: 40px;}
.form_querydomain .input_box input[type='text']{padding-right: 60px;padding-left: 10px; border:0;width: 100%;font-size: 20px;line-height: 30px;height: 30px; box-sizing: border-box;}
.form_querydomain .input_box input[type='submit']{position: absolute;right:10px;top:0;border:0;font-size: 0;width: 50px;height: 50px;outline: none; }
.icon_search{background:url(../icon_search.png) no-repeat right center;}
.form_querydomain .form_ps{font-size: 18px;color: #8d8d8d;}
.checkbox_box{text-align: left;width: 90%;margin:40px auto 0 auto;}
.checkbox_box lable{margin:23px 17px;display: inline-block;line-height: 25px;font-size: 18px;color: #000000;}
/*.bg_domain_query{position: absolute;left:0;bottom:0;width: 20%; background:url(../bg_domain_query.png) no-repeat left bottom;background-size: 20% auto;z-index:2;}*/

/*服务项目*/
.service_items{position: relative;padding:6% 0 10% 0;background-color: #f8f8f8;}
.service_title{margin-top: -10%;}
.service_title .left{float: left; width: 33%;background-color: #0043b3;color: #ffffff;text-align: center;}
.service_title .right{float: right;font-weight: bold;margin-right: 5%;}
.service_items_list{width: 100%;font-size: 0;text-align: left;margin-top: 5%;}
.service_item{ display: inline-block;vertical-align: top;}
.service_item a{ display: block;width: 100%;height: 100%;background-color: #ffffff;padding:5%;box-sizing: border-box;border-radius: 2px;}
.icon_service{width:70px;height: 62px;background:url(../icon_service.png) no-repeat;}
.service_item .tit{font-size: 20px;color: #000000;margin-bottom: 20px;  -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.service_item .ps{font-size: 14px;color: #8b8b8b;  -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.service_item a:hover{background-color: #292929;}
.service_item a:hover .tit,.service_item a:hover .ps{color: #ffffff;}

.icon_web{background-position: 0 0;}
.icon_shop{background-position: -168px 0;}
.icon_brand{background-position: -320px 0;}
.icon_output{background-position: -470px 0;}
.icon_gzh{background-position:0 -62px;}
.icon_xcx{background-position:-168px -62px;}
.icon_ds{background-position:-330px -62px;}
.icon_egj{background-position: -470px -62px;}
.service_item a:hover .icon_web{background-position: -80px 0;}
.service_item a:hover .icon_shop{background-position: -248px 0;}
.service_item a:hover .icon_brand{background-position: -402px 0;}
.service_item a:hover .icon_output{background-position: -554px 0;}
.service_item a:hover .icon_gzh{background-position: -80px -62px;}
.service_item a:hover .icon_xcx{background-position: -252px -62px;}
.service_item a:hover .icon_ds{background-position: -402px -62px;}
.service_item a:hover .icon_egj{background-position: -556px -62px;}

 
.service_item {
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
}
.service_item{
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
}

.service_item:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.188235) 0px 17px 50px 0px;
    box-shadow: rgba(0, 0, 0, 0.188235) 0px 17px 50px 0px;
    -webkit-transform: translate3d(0px, -2px, 0px);
    transform: translate3d(0px, -2px, 0px);
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10;
}


.service_items a.more{font-size: 20px;color: #535353; float: right;position: relative;padding-left:86px;}
.service_items a.more::before{content: "";width: 70px;height: 1px;background-color: #535353;position: absolute;top:50%;left:0;}
.service_items a.more:hover{color: #0043b3;}

/*关于我们*/
.about_us{background-color: #f8f8f8;padding-top: 50px;}
.about_us .container_wrap{position: relative;}
.aboutus_slider_box{width: 50%;float: left;margin-top: -83px;position: relative;z-index: 2;}
.aboutus_slider{  float: left;margin-left: 50px;width: calc(100% - 50px);}
.aboutus_slider img{width: 100%;}
.aboutus_slider_title{width: 100%;text-align: center; color: #000000;margin-top: 30px;}
.aboutus_slider_title .title{font-weight: bold; letter-spacing: 2px; margin-bottom: 10px;}
.aboutus_slider_title .ps{word-spacing: 5px;letter-spacing: 3px;text-transform: uppercase;}
.aboutus_introduction{ background-color: #ffffff;width: 58%;float: left;padding: 50px 6% 50px 14%;margin-left: -8%;}
.aboutus_introduction .title_box{color: #000000;}
.aboutus_introduction .title_box a{display: block;width: 100%;}
.aboutus_logo{display: inline-block;}
.aboutus_introduction .title{font-weight: bold;margin-bottom: 10px; }
.aboutus_introduction .ps{margin-bottom: 10px;}
.aboutus_introduction .content_box{color: #000000;margin-top: 20px;}
.aboutus_introduction .content_box .btn_more2{margin-top: 20px;}


.environment_slider_nav .slick-slide{border:2px solid transparent;box-sizing: border-box;cursor: pointer;}



.environment_slider_nav .slick-slide,.environment_slider_for_item{width: 100%; overflow:hidden;height: auto!important;position: relative;}
.environment_slider_nav .slick-slide::before,.environment_slider_for_item::before{
  content: '';
  padding-top: 68%;
  float: left;
}
.environment_slider_nav .slick-slide::after,.environment_slider_for_item::after{
  content: '';
  display: block;
  clear: both;
}
.environment_slider_nav .slick-slide img,.environment_slider_for_item img{width: 100%; position: absolute;top:50%;left:50%;transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);}


.environment_slider_for_item::before{padding-top: 54%;}


.environment_slider_nav .slick-slide.slick-current{border-color:#0043b3;}


/*公司历程*/
.company_history{padding:50px 0 80px 0;background-color: #ffffff;width: 100%;}
.history_slider{margin:0 auto;}
.history_slider .item{margin:0 20px;border-top:8px solid #f2f2f2;padding:20px;}
.history_slider .item.slick-center{border-color: #c7b370;}
.history_slider .year{text-align: center;font-weight:bold;color: #000000;}
.history_slider .ps{color:#919191;}

/*荣誉资质*/
.honor_box{width: 100%;padding:1% 0 0% 0; position: relative;background: #ffffff url(../bg_h.png) no-repeat right top;background-size: 25.5% 100%; }
.honor_title{position: relative;}
.honor_title .title{ display: inline-block; color: #000000;position: absolute;left:0;top:50%;}
.honor_title .title::after{content:"";height: 2px;background-color: #0043b3;position: absolute;left: 100%;top:50%;margin-top: -1px;}
.honor_title .entitle{display:block; color: #ffffff; font-weight: bold;text-align: right;}
.honor_title .ps{display:block;position: absolute; color: #000000; top:50%;}


.left_block{width: 94.37%; height: 60%;z-index: 2;position: relative;}
.honor_title{margin-left: 10%;}
.right_bg{width: 25.52%;height: 100%; background-color: #c7b370;display: inline-block;float: right;}
.left_block_content{ width: 100%; background:url(../bg_honor.png) no-repeat right top;background-size: 100% 60%;z-index: 3;}
.left_block_wrap{width: 74%;margin:0 auto; padding-top: 2%;}
 .honor_box .left_block_wrap .slick-dots{display: none!important;}
.honor_items{
    display:box;
    display:-webkit-box;
    display:-webkit-flex; 
    display:-moz-box; 
    display:-ms-flexbox; 
    display:flex;

    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;

}
.honor_items  .honor_item{
    -prefix-box-flex: 1; 
    -webkit-box-flex: 1; 
    -webkit-flex: 1; 
    -moz-box-flex: 1; 
    -ms-flex: 1; 
    flex: 1; 
    text-align: center;color: #ffffff;
   
}


.honor_items  .honor_item img.iconhonor_img{display: inline-block;max-width: 80%;margin-bottom: 20px;}
/*.honor_slider_item img{width: 100%;}*/


.honor_slider_item a{display: block;width: 100%;overflow:hidden;position: relative;}
.honor_slider_item a::before {content: '';padding-top: 80%;float: left;}
.honor_slider_item a::after {content: '';display: block;clear: both;}
.honor_slider_item a img{width: 100%; position: absolute;top:0;left:0;}


.honor_text{width:90%;padding:6% 8% 0 8%;box-sizing: border-box;color: #000000;background: url(../icon_dh.png) no-repeat 1% center;background-size: 6%;}
.honor_text ul{display: block;width: 100%;font-size: 0}
.honor_text li{width: 31.33%;margin:0 1%;display: inline-block;font-size: 14px;vertical-align: top;}

.container_wrap{z-index: 3;}
.honor_title{z-index: 4;}
.honor_items{z-index: 3;}
.honor_title .entitle{margin-bottom: 20px;}

.service_flow_box{width: 100%;margin-top: 20%;margin-bottom: 6%;
    display:box;
    display:-webkit-box;
    display:-webkit-flex; 
    display:-moz-box; 
    display:-ms-flexbox; 
    display:flex;

    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    
    -webkit-align-items:center;
     -moz-align-items:center;
     -ms-align-items:center;
     -o-align-items:center;
     align-items:center;
}
.service_flow_box .item{padding:2% 2%; text-align: center;background-color: #eaeaea;}
.service_flow_box .item .number{color: #c0c0c0;}
.service_flow_box .item .ps{color: #454545;}

.service_flow_con {position: relative;}
.service_flow_box .item{ position: relative;width: 16.8%;box-sizing: border-box;margin-right: 4%;}
.service_flow_box .item:last-of-type{margin-right: 0;}
.service_flow_box .item.bg_white{ background-color: #ffffff; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.service_flow_con  .acrtive_box{ position: absolute;width: 13.33%;box-sizing: border-box; height: 215%; top:-94%;left:0;border:5px solid #0043b3;z-index: 2; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.service_flow_con  .acrtive_box .entitle{padding-left: 10%;width: 100%;box-sizing: border-box; margin-top: 10%; font-size: 42px;line-height: 60px; color: #000000;font-weight: bold;position: relative;display: inline-block;padding-right: 30px;}
.service_flow_con  .acrtive_box .entitle::after{content: '';position: absolute;right:-18%;top:50%;width: 30%;height: 2px;background-color:#0043b3;margin-top: -1px; }
.service_flow_con  .acrtive_box .zhtitle{position: relative; display: block;width: 100%;left: 10%;margin-top: 6%; text-align: center; background-color:#0043b3;color: #ffffff;font-size: 24px;height: 40px;line-height: 40px; /*text-indent: 30px;*/ }






/*网站案例*/
.web_case_content{width: 90%;margin: 0 auto;}
.web_case_list{width: 100%;margin:0 auto;}

@media(min-width: 768px){
   .web_case_list,.applet_case_list{display:box;
    display:-webkit-box;
    display:-webkit-flex; 
    display:-moz-box; 
    display:-ms-flexbox; 
    display:flex; 

    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap:wrap;
} 

.banner_control{display: table;height: 100%; position: absolute;left:3%;top:50%;transform: translateY(-50%);  -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);   width: 30%;font-size: 16px;text-align: left;}
.banner_control>*{display: table-cell!important;vertical-align: middle;font-size: 18px;}
.banner_bottom .btn_slick{ cursor: pointer; padding:10px; width: 31px;height: 44px;background:url(../icon_btnslick.png) no-repeat center center;}
.banner_bottom .btn_next{transform:rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform:rotate(-180deg);  /*margin-left: 10%;*/}
/*.banner_bottom .btn_prev{margin-right:10%;}*/


}


.web_case_list li{position: relative; background-color: transparent;padding: 0px;text-align: left; width: 29.333%;  margin-bottom: 4%;border:10px solid #f9f9f9;border-radius: 15px;box-sizing: border-box;  display: inline-block;vertical-align: top;}
.web_case_list li:nth-of-type(3n){margin-right: 0;}
.web_case_list li::before {content: ''; padding-top: 60%;float: left;}
.web_case_list li::after {content: '';display: block;clear: both;}
.web_case_item .item_box{display: block;position: absolute;top:0;left:0; overflow: hidden;width: 100%;height: 100%;-webkit-transform: rotate(0deg) scale(1) translate(0%,0%);transform: rotate(0deg) scale(1) translate(0%,0%);transition: all 0.3s ease;-webkit-transition:all ease 0.3s;  -ms-transform: rotate(0deg) scale(1) translate(0%,0%);}
.web_case_item .item_img{display: block;width: 100%;height: 100%;  position: absolute;top: 0;left: 0;background-size: 100% auto;background-position:0% 0%;background-repeat: no-repeat;}
.web_case_item .hover_box{ height: 100%;position: absolute;bottom: 0px;right: 0px;top: 0px;left: 0px;justify-content: center;-webkit-align-items: center; align-items: center;opacity: 0;z-index: 50;-webkit-transform:rotate(0deg) scale(1) translate(0%, 0%);   transform: rotate(0deg) scale(1) translate(0%, 0%);-ms-transform: rotate(0deg) scale(1) translate(0%, 0%);     transition: all 1s ease;-webkit-transition:all ease 0.1s;  color: rgb(255, 255, 255);background-color: rgba(0, 0, 0, 0.44);}
.web_case_item .hover_box_wrap{  display:-webkit-box;display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex;-webkit-justify-content: center; justify-content: center;-webkit-align-items: center; align-items: center;width: 100%;height: 100%;min-width: 0px;min-height: 0px;flex-direction: column;padding: 20px;position: relative;color: currentcolor;overflow: hidden;}
.web_case_item .item_box:hover {box-shadow: rgba(0,0,0,0.188235) 0px 5px 10px 0px;-webkit-transform: translate3d(0px,-2px,0px);transform: translate3d(0px,-2px,0px); -ms-transform: translate3d(0px,-2px,0px);-webkit-transform: translate3d(0px,-2px,0px);   transition: all 0.3s cubic-bezier(0.55,0,0.1,1);-webkit-transition: all 0.3s ease;z-index: 10;}
.web_case_item .hover_box:hover {opacity: 1;-webkit-transform: rotate(0deg) scale(1) translate(0%,0%);transform: rotate(0deg) scale(1) translate(0%,0%);transition: all 1s ease;-webkit-transition:all 1s ease;}
.web_case_item .item_box:hover  .item_img {-webkit-transform: rotate(0deg) scale(1.2) translate(0%,0%);transform: rotate(0deg) scale(1.2) translate(0%,0%);transition: all 10s ease;-webkit-transition: all 10s ease;}
.web_case_item .icon_search{display: block; width: 30px;height: 30px;background:url(../icon_search2.png) no-repeat center center;background-size: 100% 100%;}
.web_case_item .item_box a{font-size: 14px; display: inline-block;padding:5px 20px;margin-top: 10px;background-color: #ffbf00;color: #ffffff;border-radius: 2px;} 

.web_case{width:100%;padding-bottom:5%;margin-top: 5%; background:url(../bg_webcase.jpg) no-repeat right top;background-size:70% 50%;}
.web_case_title{}
.case_title{position: relative;}
.case_title_box{position: relative;display: inline-block;width: auto;height: auto;margin-left: -2%;}
.case_title .number{ color: #eeeeee;font-weight: bold; }
.case_title .title{display: block;width: auto; color: #222222;position: absolute;right:-30%;top:50%;transform: translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);    z-index: 2;}
.case_title .entitle{margin-top: 2%; position: absolute;top: 0;right: 0; font-weight:bold;color: #2d2d2d;text-align: right;margin-right: 6%;}


/*小程序*/
.applet_case{width: 100%; background: url(../bg_webcase.jpg) no-repeat left top;background-size: 70% 50%; }
.applet_case .case_title{text-align: right;}
.applet_case .case_title .title{left: -52%;right: auto;}
.applet_case_list{width:94%;margin:0 auto; font-size: 0;}
.applet_case_item{ display: inline-block;border-radius: 15px;box-sizing: border-box;position: relative;vertical-align: top;overflow: hidden;background-color:#f0f0f0;  }
.applet_case_item .applet_viewimg {width: 100%;height:100%;border-radius: 10px;}
.applet_case_item .applet_mask { display:box; display:-webkit-box;display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex;border-radius: 10px; width: 100%;height: 100%;background: rgba(0,0,0,0.7);text-align: center;position: absolute;top: 0px;left: 0px;opacity: 0;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;}
.review_box{ display: table;width: 100%;height: 100%; border-radius: 10px;}
.appletma_box{ display: table-cell;vertical-align: middle;}
.applet_name{font-size: 16px;margin-bottom: 10px; color: #ffffff;}
.applet_case_item .applet_mask img { width: 65%;  }
.applet_case_item .ps{font-size: 14px;margin-top: 4px;color: #ffffff;}
.applet_case_item .edition{font-size: 14px;color: #aaaaaa;margin-top: 4px;}
.applet_case_item .applet_mask:hover{opacity: 1;}
.more_box{margin:50px 0;text-align: center;}
.box_more{margin-top: 3%;text-align: center;}
.btn_wrap{margin:50px auto;text-align: center;}
.btn_more3{ display:inline-block; text-align: left;padding:16px 60px 16px 20px;box-sizing: border-box; border:1px solid #a6a6a6; color: #585858;font-size: 16px; background: url(../icon_right.png) no-repeat 90% center;}
.btn_more3:hover{border-color: #0043b3;background-color:#0043b3;color: #ffffff; }


/*小程序案例*/
.applet_case_item{width:20%;margin:0 2.5% 2.5% 2.5%; height: auto;}
.applet_case_item:nth-of-type(4n){margin-right: 2.5%;}
.applet_case_item::before {content: '';padding-top: 109%;float: left;}
.applet_case_item::after {content: '';display: block;clear: both;}





/*新闻*/
.index_news{width: 100%;padding-top:3%;background:url(../bg_blue.gif) no-repeat;background-size:100% 50%;}
.news_title{text-align: center;}
.news_title .title{color: #ffffff;font-weight: bold;}
.news_title .ps{color: #ffffff;}
.news_content{width: 94%;margin:20px auto 0px auto;padding:5% 0 5% 0; background-color: #f0f0f0;box-sizing: border-box;}
.news_list{width: 80%;margin:0px auto;text-align: left;font-size: 0; display:box;display:-webkit-box;display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap; }
.news_list .news_item{ z-index: 22; display: inline-block;vertical-align: top;   width: 29.33%;margin:2%;padding:3% 2%;box-sizing: border-box; background-color: #ffffff;box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}
.news_list .news_item .title{color: #000000;position: relative;}
.news_list .news_item .describe{color: #a4a4a4;  display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden;}
.news_list .news_item .pub_date{font-size: 14px;color: #000000;margin-top: 20px;}
.news_list .news_item a:hover .title{color: #0043b3;}



/*建站申请*/
.index_application{width: 100%;padding:3% 0;}
.application_title{text-align: left;color: #000000;}
.application_title .title{font-weight: bold;}




@media (max-width: 1199px){

    .icon_service{width:45px;height: 40px;background:url(../sicon_service.png) no-repeat;}
    .icon_web{background-position: 0 0;}
    .icon_shop{background-position: -108px 0;}
    .icon_brand{background-position: -206px 0;}
    .icon_output{background-position: -303px 0;}
    .icon_gzh{background-position:0 -40px;}
    .icon_xcx{background-position:-108px -40px;}
    .icon_ds{background-position:-213px -40px;}
    .icon_egj{background-position: -303px -40px;}
    .service_item a:hover .icon_web{background-position: -52px 0;}
    .service_item a:hover .icon_shop{background-position: -160px 0;}
    .service_item a:hover .icon_brand{background-position: -259px 0;}
    .service_item a:hover .icon_output{background-position: -357px 0;}
    .service_item a:hover .icon_gzh{background-position: -52px -40px;}
    .service_item a:hover .icon_xcx{background-position: -162px -40px;}
    .service_item a:hover .icon_ds{background-position: -259px -40px;}
    .service_item a:hover .icon_egj{background-position: -358px -40px;}
}


@media  (max-width: 767px){

    .index_banner .inner .block_txt {margin-bottom: 10%;}
    .index_banner .inner .block_txt ,.index_banner .inner .block_img{width: 100%;text-align: center;padding-left: 0;margin-right: 0;}
    .index_banner .inner .block_img{text-align: center;}
    .index_banner .inner .block_txt h2{ font-size: 24px;line-height: 34px;margin-bottom: 10px;}
    .index_banner .inner .block_txt h4{width: 100%; font-size: 14px;line-height: 24px;}
    .scroll_data{display: none;}
    .banner_control{width: 100%;height: 44px;left: 0%;}
    .banner_bottom{bottom:-19px;}
    .btn_more{margin-top:20px;font-size: 12px;line-height: 18px; color: #ffffff;padding:5px 20px;}
    .index_banner .item {height: calc(100vh - 25px);}
    .banner_control>*{text-align: center;}
    .company_activity{padding:15% 0 6% 0;}
    .block_title h2{font-size: 28px;line-height: 30px;text-align: center;font-weight: bold;}
    .block_title p{font-size: 14px;margin-left:0px;text-align: center;}
    .company_activity .right_part,.activity_slider_control{display: none;}
    .company_activity .left_part{width: 90%;margin: 0 auto;}
    .company_activity  .slick-dots{bottom: -34px;}

    .activity_slider .item .txt .pub_date{width: 48px;}
    .activity_slider .item .txt .item_title{width: calc(100% - 58px);}
    .activity_slider .item .txt .pub_date .date{ font-size: 20px;}
    .activity_slider .item .txt .pub_date .y_m{font-size: 12px;}
    .activity_slider .item .txt .item_title{font-size: 14px;line-height: 20px;max-height: 40px;}
    .activity_slider .item .txt{padding:12px 5px;}
    .activity_slider .slick-dots li button{width: 12px;height: 6px;padding: 0;}
    .activity_slider  .slick-dots li button:before{opacity: 1; width: 12px;height: 6px;background-color: #ffffff;content: ""; border-radius:12px;    transition:  all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
    .activity_slider .slick-dots li.slick-active button:before {width: 25px;opacity: 1}
    .company_activity .bg_gray{ background-color: #eeeeee;}

    .domain_query{padding:10% 0;}
    .form_querydomain{width: 90%;    margin-top: 20px;}
    .form_querydomain .input_box{margin-bottom: 20px;}
    .form_querydomain .form_ps{font-size: 14px;line-height: 22px;}
    .checkbox_box{width: 100%; margin: 20px auto 0 auto;}
    .checkbox_box lable{margin:10px 10px;font-size: 14px;}

    .service_title .left{font-size: 18px;padding:3% 0;}
    .service_title .right{font-size: 40px;line-height: 40px;}
    .service_items_list{background-color: #ffffff; margin-top: 0; border-top:1px solid #bfbfbf;border-right:1px solid #bfbfbf;box-sizing: border-box; }
    .service_item{text-align: center; width: 50%; border-left:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;box-sizing: border-box; }
    .icon_service{display: inline-block;margin-bottom: 0px;margin-top: 20px;}
    .service_item a{border-radius: 0;}
    .service_item .ps{display: none;}
    .service_item .tit{font-size: 16px;}


    .service_items_wrap{position: relative;padding:30px 0;}
    .service_items .bg_blue{width: 63%;height: 100%;position:absolute; background-color: #0043b2;top:0;right: 0;z-index: 0; }
    .service_items .block_title{z-index:1;padding-left: 5%;}
    .service_items .block_title *{text-align: left;}
    .service_items_wrap .container_wrap{z-index: 3;}
    .service_items_wrap .more{display: none;}

    .about_us{padding-top: 0;}
    .about_us .container_wrap{width: 100%;}
    .aboutus_slider_box{margin-top: 0px;float: none;}
    .aboutus_slider{width: 100%;float: none;margin-left: 0;}
    .aboutus_logo{height: 50px;display: inline-block; }
    .aboutus_slider_box{width: 100%;}
    .about_us .slick-dotted.slick-slider{margin-bottom: 0;}
    .aboutus_introduction {width: 100%;float: none;padding: 30px 3%;margin-left: 0%;box-sizing: border-box;}
    .aboutus_slider_title{margin-bottom: 20px;margin-top: 0px;}
    .aboutus_slider_dots{width: 100%;text-align: center;position:absolute;bottom: 10px;}
    .aboutus_slider_dots li{display: inline-block;vertical-align: middle; width: 10px;height: 10px;background-color: #dddddd;border-radius: 50%;margin:0 4px;}
    .aboutus_slider_dots li.slick-active{background-color: #c7b370;}
    .aboutus_slider_dots li button{border:0;background-color: transparent;font-size: 0;}
    .aboutus_slider_title .title{font-size: 22px; letter-spacing: 2px; line-height: 30px;margin-bottom: 5px;}
    .aboutus_slider_title .ps{font-size: 12px;line-height: 18px;word-spacing: 3px;letter-spacing: 1px;}
    .aboutus_introduction .title_box{text-align: center;}
    .aboutus_introduction .title{ font-size: 28px;line-height: 30px;margin-bottom: 4px;}
    .aboutus_introduction .ps{font-size:15px;line-height: 22px;margin-bottom: 4px;}
    .aboutus_introduction .content_box{font-size: 14px;line-height: 26px;zoom: 1;}
    .aboutus_introduction .content_box::after {content: "";display: block;height: 0; clear: both;}
    .aboutus_introduction .content_box .btn_more2{margin-top: 20px;float: right;font-size: 12px;padding-right: 24px;background-size:18px;}

    /*办公室环境*/
    .office_environment{background-color: #ffffff;padding:0 0 30px 0;}
    .office_environment_title{display: none; text-align: center;position: relative;padding-bottom: 20px;}
    .office_environment_title .title{font-size: 28px;line-height: 30px; font-weight:bold; color: #000000;margin-bottom: 4px;}
    .office_environment_title .ps{font-size: 15px;line-height: 22px; color: #000000;}

    .office_environment_slider{width: 100%;position: relative;}
    .environment_slider_for{width: 94%;margin:0 auto; box-sizing: border-box;z-index: 4;position: relative;}
    .environment_slider_for img,.environment_slider_nav img{width: 100%;}
    .environment_slider_nav_box{width: 100%;background-color: #f8f8f8;padding:4% 10%;z-index: 3;}
    .environment_slider_nav{width: 100%;}
    .blue_box{display: none; }
    .environment_slider_nav .slick-slide{margin:0 5px;}



    .company_history{padding:30px 0;}
    .history_slider{width: 90%;}
    .history_slider .item{margin:0 10px;border-top:4px solid #f2f2f2;padding:10px 5px;}
    .history_slider .year{font-size:22px; line-height: 30px;}
    .history_slider .ps{font-size: 12px;line-height: 18px;margin-top: 6px;}

    .honor_box{background-size: 40% 50%;}
    .honor_title{margin-left: 3%;}
    .honor_title .title{font-size: 20px;line-height: 24px;position: relative;margin-bottom: 4px;font-weight: bold;}
    .honor_title .ps{font-size: 12px;line-height:22px;margin-bottom: 10px;position: relative;}
    .honor_title .entitle{margin-bottom: 10px;font-size: 34px;line-height: 34px; position: absolute;right: 0;top:50%;margin-top: -17px;}
    .left_block_content{background-size: 100% 80%;}
    .honor_text{width: 100%;padding: 0;}
    .honor_text li{width: 100%;color: #ffffff;text-align: center;}
    .honor_slider_item{margin:0 10px;}
    .left_block_wrap{padding:10% 0;}

    .honor_box .left_block_wrap{width: 86%;}
     .honor_box .left_block_wrap .slick-dots{display: block!important;bottom: -20px;}
     .honor_box .left_block_wrap .slick-dots li button:before,.honor_box .left_block_wrap .slick-dots li button,.honor_box .slick-dots li{line-height: 10px; width: 10px!important;height: 10px!important;}
    .honor_text{margin-bottom: 30px;}

    .service_flow_con .item .acrtive_box{display: none;}
    .service_flow_con .item:first-of-type{background-color: #eaeaea;}

    /*网站案例*/
    .case_title .number{font-size:64px;line-height: 74px; }
    .case_title .title{font-size:16px;right: -48%;}
    .case_title .entitle{font-size: 26px;line-height: 26px;margin-top: 4%;}
    .web_case_list {font-size: 0;overflow-y: hidden;overflow-x: auto;white-space: nowrap;}
    .web_case_list li{width:75%; border:4px solid #f9f9f9;margin-right: 8%;}
    /*.web_case_item .item_box{min-height: 140px;}*/
    
    .applet_case_item{width: 46%;margin:2%;}
    .applet_case_list{    font-size: 0;overflow-y: hidden;overflow-x: auto;white-space: nowrap;}
    .btn_more3{padding:4px 40px 4px 10px;font-size: 12px;background-size: 18px;}
  

    /*服务流程*/
    .service_flow{padding-bottom: 5%;}
    .service_flow_title{padding: 30px 0 60px 0;color: #ffffff;text-align: center;background-color: #0043b2;}
    .service_flow_title .title{font-size: 28px;line-height: 30px;font-weight: bold;}
    .service_flow_title .ps{font-size: 16px;line-height:28px;}
    .service_flow_box{margin-top: -40px; -webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
    .service_flow  .container_wrap{width: 94%;}

    .service_flow_box .item{margin-bottom: 2%;width: 32%;margin-right: 2%;padding:4% 2%;}
    .service_flow_box .item:nth-of-type(3n){margin-right: 0;}
    .service_flow_box .item .number{font-size:24px;line-height: 30px;margin-bottom: 6px;}
    .service_flow_box .item .ps{font-size: 12px;line-height: 20px;}
    .service_flow_con  .acrtive_box{display: none;}

    /*服务热线*/
    .hotline{padding:5% 0;background-color: #fafafa;}
    .hotline .container_wrap{text-align: center;}
    .hotline_number{display: inline-block;text-align: left; overflow:hidden;padding-top: 2%;margin-bottom:10px; }
    .hotline_number .ps{display: inline-block; position: relative; background:url(../icon_tel.png) no-repeat left center;}
    .hotline_number .ps:after{content: '';width:200%;height: 1px;background-color: #a0a0a0;position: absolute;left: 100%;top:50%;}
    .hotline_number .title{ color: #000000;font-weight: bold;}
    .server_box{text-align:center;zoom: 1;}
    .server_box:after {content: "";display: block;height: 0; clear: both;}
    .server_box .item{display: inline-block;vertical-align: top;}
    .server_box .item:not(:last-of-type){border-right:1px solid #a0a0a0;}


    .hotline_number .ps{padding-left: 24px; background-size:16px auto; font-size: 20px;line-height: 24px; color: #000000;padding-right:30px;}
    .hotline_number .title{font-size: 30px;line-height: 40px; }
    .server_box .item{padding:0 20px;font-size: 16px;width: 56px;line-height:18px;margin-bottom: 10px;}

    /*新闻*/
    .news_content{width: 88%;background-color: transparent;padding:0;}
    .news_list{width: 100%;}
    .phone_news{z-index: 2; box-shadow: 0 8px 20px rgba(0,0,0,.1);}
    .news_list .news_item{width: 100%;border:none; margin:0px;padding:25px;}
    .phone_news  .slick-dotted.slick-slider{margin-bottom: 50px;}
    .news_title .title{font-size:28px;line-height:34px;}
    .news_title .ps{font-size: 15px;line-height: 22px;}
    .news_list .news_item{font-size:15px;box-shadow: none;}
    .news_list .news_item .title{margin-bottom: 15px;font-size:15px;line-height: 24px;}
    .news_list .news_item .describe{font-size: 13px;line-height: 22px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
    .news_list .news_item .pub_date{font-size: 12px;}
    .news_list  .slick-dots {bottom: -40px;}
    .btn_more2{font-size: 12px;padding-right: 24px;background-size: 18px;}

    /*建站申请*/
    .index_application{padding-top: 10%}
    .application_title{text-align: center;}
    .application_title .title{font-size:28px;line-height:34px;}
    .application_title .ps{font-size: 15px;line-height: 22px;}
    .form_application{padding:20px 2px;font-size: 0;}
    .form_application input[type="text"]{float: left;margin-bottom: 15px; font-size: 15px; width: 100%;height:45px;line-height: 45px;padding:0 15px;box-sizing: border-box; display: inline-block;vertical-align: top;border:1px solid #bfbfbf;}
    .form_application input:nth-of-type(2n){margin-right: 0;}
    .form_application input[type="submit"]{float: left; width: 100%;height:45px;line-height: 45px;background-color: #0043b3;text-align: center;color:#ffffff;font-size: 15px;border:0;}

     .bannerpages{text-align: center;float: left;width: calc(100% - 62px); height: 44px;line-height: 44px;}
     .banner_bottom .btn_next{float: right;}
     .banner_bottom .btn_prev{float: left;}





}

@media (min-width: 0px) and (max-width:320px){
  .hotline_number .ps{padding-left: 24px; background-size:16px auto; font-size: 16px;line-height: 20px; color: #000000;padding-right:30px;}
  .hotline_number .title{font-size: 20px;line-height: 30px; }
  .server_box .item{padding:0 15px;font-size: 14px;width: 46px;line-height:18px;margin-bottom: 10px;}
}

@media (min-width: 768px) and (max-width: 1024px){

    .banner_bottom{padding:20px 3%;}
    .index_banner .inner .block_txt {margin-bottom: 10%;}
    .index_banner .inner .block_txt ,.index_banner .inner .block_img{width: 100%;}
    .index_banner .inner .block_txt h2{ font-size: 42px;line-height: 46px;margin-bottom: 20px;}
    .index_banner .inner .block_txt h4{font-size: 16px;line-height: 28px;}
    .scroll_data{width: 100%; float: right;font-size: 0;text-align: right;}
    .scroll_data_item .item_number{font-size: 28px;line-height: 30px;}
    .scroll_data_item .ps{font-size: 14px;}
    .banner_bottom{bottom:-46px;}
    .btn_more{margin-top:30px;font-size: 16px;line-height: 22px; color: #ffffff;padding:5px 30px;}
    .index_banner .item {height: calc(100vh - 49px);}
    .banner_control{width: 26%;}
    .block_title h2{font-size: 34px;line-height: 40px;}
    .block_title p{font-size: 16px;margin-left:34px;}
    .company_activity .right_part .slogan{width: 34px; font-size:28px;line-height: 32px;}
    .company_activity .right_part .slogan2{margin-top:64px;}
    .activity_slider .slick-slide{margin:0 12px;}
    .activity_slider .item .txt .pub_date{width: 48px;}
    .activity_slider .item .txt .item_title{width: calc(100% - 58px);}
    .activity_slider .item .txt .pub_date .date{ font-size: 20px;}
    .activity_slider .item .txt .pub_date .y_m{font-size: 12px;}
    .activity_slider .item .txt .item_title{font-size: 14px;line-height: 20px;max-height: 40px;}
    .activity_slider .item .txt{padding:12px 5px;}
    .form_querydomain{width: 80%;}
    .form_querydomain{margin-top: 30px;}
    .form_querydomain .input_box{margin-bottom: 30px;}
    .checkbox_box{margin-top: 20px;}
    .icon_service{margin:0 auto;}
    .service_items{position: relative;}
    .service_item{width: 23.5%; margin-right: 2%;margin-bottom: 2%;}
    .service_item:nth-of-type(4n){margin-right: 0;}
    .icon_service,.service_item .tit{margin-bottom: 10px;margin-top: 10px; text-align: center;}
    .service_item .tit{font-size: 16px;}
    .service_item .ps{font-size: 12px;line-height: 18px;}
    .service_title .left{font-size: 20px;padding:3% 0;}
    .service_title .right{font-size: 60px;line-height: 60px;}
    .icon_service{margin-top: 10px;margin-bottom: 10px;}
    .aboutus_slider_box{margin-top: -30px;}
    .aboutus_logo{height: 50px; }
    .aboutus_slider_box{width: 46%;}
    .aboutus_introduction {width: 60%;float: left;padding: 30px 3% 30px 9%;margin-left: -6%;box-sizing: border-box;}
    .aboutus_slider_title{bottom:0; }
    .aboutus_slider_title .title{font-size: 22px; letter-spacing: 2px; line-height: 30px;margin-bottom: 5px;}
    .aboutus_slider_title .ps{font-size: 12px;line-height: 18px;word-spacing: 3px;letter-spacing: 1px;}
    .aboutus_introduction .title{font-size: 34px;line-height: 40px;margin-bottom: 6px;}
    .aboutus_introduction .ps{font-size:18px;line-height: 22px;margin-bottom: 6px;}
    .aboutus_introduction .content_box{font-size: 12px;line-height: 20px;}
    .aboutus_introduction .content_box .btn_more2{margin-top: 20px;}

    
    
    .btn_more3{padding:10px 60px 10px 20px;font-size: 12px;}

     /*荣誉资质*/
    .left_block_wrap{width:72%;}
    .honor_title .title{font-size: 18px;line-height: 26px;padding-right: 20px; margin-top: -13px;}
    .honor_title .title:after{width: 66px;}
    .honor_title .entitle{font-size: 46px;line-height: 56px;margin-bottom: 10px;}
    .honor_title .ps{font-size: 16px;line-height: 26px;right: 26%;margin-top: -13px;}
    .honor_items  .honor_item{ padding:5% 3%;}
    .honor_items  .honor_item .title{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .honor_items  .honor_item .ps{font-size:14px;line-height: 22px;}
    .honor_slider_item{margin:0 10px;}
    .honor_text{background-size: 6%;}
    .honor_text li{font-size: 12px;line-height: 20px;}

    .service_flow_con .acrtive_box .entitle::after{width: 34%;right: -22%;}
    .service_flow_con .acrtive_box{border:4px solid #0043b3;}
    .service_flow_con .acrtive_box .entitle{font-size:18px;line-height: 30px; padding-right:10px;}
    .service_flow_con .acrtive_box .zhtitle{ font-size: 14px;height: 24px;line-height: 24px; }


    /*网站案例*/
    .case_title .number{font-size:104px;line-height: 124px; }
    .case_title .title{font-size:18px;}
    .case_title .entitle{font-size: 46px;line-height: 46px;}
     .web_case_list li{border:4px solid #f9f9f9;}
    /*.web_case_item .item_box{min-height: 120px;}*/

    /*小程序案例*/
    .applet_case_item{border:6px solid #f0f0f0;}


    /*新闻*/

    .news_title .title{font-size: 34px;line-height:46px;}
    .news_title .ps{font-size: 18px;line-height: 22px;}
    .news_list .news_item{font-size:16px;}
    .news_list .news_item .title{margin-bottom: 20px;font-size:16px;line-height: 28px;}
    .news_list .news_item .describe{font-size: 16px;line-height: 30px;}

    .news_content{padding:5% 0;}
    .news_list{width: 94%;}
    .news_list .news_item .describe{color: #a4a4a4; -webkit-line-clamp:2;font-size: 14px;line-height: 22px;}
    .news_list .news_item .pub_date{font-size: 13px;}
    .news_list .news_item .title{font-size: 15px;line-height: 24px; margin-bottom: 10px;}

     /*建站申请*/
    .application_title .title{font-size: 30px;line-height:46px;}
    .application_title .ps{font-size: 18px;line-height: 22px;}
    .form_application{padding:20px 2px 0 2px;font-size: 0;}
    .form_application input[type="text"]{float: left;margin-bottom: 15px; font-size: 15px; width: 48%;height:45px;line-height: 45px;padding:0 15px;box-sizing: border-box; margin-right: 4%;  display: inline-block;vertical-align: top;border:1px solid #bfbfbf;}
    .form_application input:nth-of-type(2n){margin-right: 0;}
    .form_application input[type="submit"]{float: left; width: 48%;height:45px;line-height: 45px;background-color: #0043b3;text-align: center;color:#ffffff;font-size: 15px;border:0;}




}

@media (min-width: 768px){

    
    .aboutus_slider_dots{z-index: 3; position: absolute;top:-20px;left:-50px;  width: 50px; float: left; background-color: #c7b370;padding-top: 26px;text-align: center;}
    .aboutus_slider_dots li{height: 40px;line-height: 40px;position: relative;}
    .aboutus_slider_dots button{font-size: 14px; position: relative;border:0;background-color: transparent;display: block;width: 100%;height: 100%;color: #ffffff;}
    .aboutus_slider_dots li:after{content: "";width: 0px;height: 1px;background-color: #ffffff;position: absolute;left:84%;top:50%; transition: width 0.5s ease; -moz-transition:width 0.5s ease; -webkit-transition: width 0.5s ease; -o-transition: width 0.5s ease; -ms-transition: width 0.5s ease; }
    .aboutus_slider_dots li.slick-active:after{content: "";width: 38px;height: 1px;background-color: #ffffff;position: absolute;left:84%;top:50%;}

    /*办公室环境*/
    .office_environment{background-color: #ffffff;padding:5% 0;}
    .office_environment_title{text-align: left;position: relative;padding-bottom: 20px;display: inline-block;margin-bottom: 20px;}
    .office_environment_title:after{content: "";width:20%;height: 3px;background-color: #0043b3;position: absolute;left: 0;bottom: 0;}
    .office_environment_title .title{font-weight:bold; color: #e0e0e0;margin-bottom: 10px;}
    .office_environment_title .ps{color: #000000;}

    .office_environment_slider{width: 100%;position: relative;padding: 14% 0 16% 0;}
    .environment_slider_for{width: 48%;float: right; padding-right: 5%;box-sizing: border-box;z-index: 4;margin-top: -84px;position: relative;}
    /*.environment_slider_for img,.environment_slider_nav img{width: 100%;}*/
    .environment_slider_nav_box{width: 54%;margin-right: -8%;top: 42%; float: left;background-color: #f8f8f8;padding:5% 10% 5% 5%;z-index: 3;position: absolute;}
    .environment_slider_nav{width: 100%;}
    .blue_box{width: 33%;height:100%;border:5px solid #0043b3;position:absolute;right: 22%;top:0;z-index: 2;}
    .blue_box .span1{display: inline-block;text-align: right; padding:0 2% 0 28%; margin-top:10%;margin-left: -8%;height: 35px;font-weight: bold; background-color: #0043b3;color: #ffffff;text-transform: uppercase;font-size: 28px;line-height: 35px;}
    .blue_box .span2{display: block;margin-top: 5px; margin-left: 20%;color: #000000;font-weight: bold;text-transform: uppercase;font-size: 22px;line-height: 35px;}
    .blue_box .span3{bottom: 10%;position: absolute; width: 80px;right: -40px;height: 12px;background-color:#0043b3; }
    .environment_slider_for_control{position: absolute;left:30%;bottom: 8%;}
    .slider_pages{/*position: absolute;bottom:5%;left:10%;;*/font-size: 20px;  color: #a5a5a5; margin-top:20px;margin-left: 30px;}
    .slider_pages .current{font-size: 30px;}

    /*.office_environment_slider{padding:100px 0;}*/
    .blue_box .span1{padding:0 2% 0 28%; margin-top:9%;margin-left: -8%;height: 26px;font-size: 20px;line-height: 26px;}
    .blue_box .span2{margin-top: 5px;font-size: 16px;line-height: 22px;}
    .blue_box .span3{bottom: 16%;position: absolute; width: 80px;right: -40px;height: 6px;}
    .office_environment_title{padding-bottom: 10px;}
    .office_environment_title .title{font-size: 32px;line-height: 32px;margin-bottom: 4px;}
    .office_environment_title .ps{font-size: 14px;line-height: 22px;}
    .environment_slider_nav .slick-slide{margin:0 10px;}

    .history_slider{width: 84%;}
    .history_slider .item{margin:0 20px;border-top:6px solid #f2f2f2;padding:14px 5px;}
    .history_slider .year{font-size:28px; line-height: 30px;}
    .history_slider .ps{font-size: 12px;line-height: 22px;margin-top: 10px;}

    .left_block_content{position: relative;}
    .honor_slider_control{position: absolute;right: 0;top:65%;}
    .honor_slider_pages{position: absolute;right: 0;top: 72%;color: #ffffff;}


    /*服务流程*/
    .service_flow_box .item .number{font-size: 30px;line-height: 30px; margin-bottom: 10px;}
    .service_flow_box .item .ps{font-size:14px;line-height: 22px;}

     /*服务热线*/
    .hotline{padding:5% 0;}
    .hotline_number{ float: left;max-width: 48%; overflow:hidden;padding-top: 2%;}
    .hotline_number .ps{display: inline-block; position: relative; background:url(../icon_tel.png) no-repeat left center;}
    .hotline_number .ps:after{content: '';width:200%;height: 1px;background-color: #a0a0a0;position: absolute;left: 100%;top:50%;}
    .hotline_number .title{ color: #000000;font-weight: bold;}
    .server_box{float: right;max-width: 48%;}
    .server_box .item{float: right;}
    .server_box .item:not(:first-of-type){border-right:1px solid #a0a0a0;}

   
    .hotline_number .ps{padding-left: 24px; background-size:16px auto; font-size: 20px;line-height: 24px; color: #000000;padding-right:30px;}
    .hotline_number .title{font-size: 30px;line-height: 40px; }
    .server_box .item{padding:0 20px;font-size: 16px;width: 56px;line-height:18px;}

    /*友情连接*/
    .friendship_links{width: 100%;padding:2% 0;}
    .friendship_links .friendship_links_list{width: 94%;margin:0 auto;font-size: 0;}
    .friendship_links_list li{width: 23%;margin:0 1%;display: inline-block;vertical-align: top;font-size: 14px;height: 24px;line-height:24px;margin-bottom: 5px;}
    .friendship_links_list li a{display: inline-block;width: 100%;height:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


}


@media (min-width: 1025px){

    .banner_bottom{padding:20px 3%;height: 80px;bottom: -37px;}
    .index_banner .inner .block_txt h2{ font-size: 40px;line-height: 45px;margin-bottom: 20px;}
    .index_banner .inner .block_txt h4{font-size: 16px;line-height: 28px;}

    .index_banner .item {height:calc(100vh - 43px)}
    .banner_control{width: 14%;}
    .scroll_data_item .item_number{font-size: 28px;line-height: 30px;}
    .scroll_data_item .ps{font-size: 14px;}
    .block_title h2{font-size: 34px;line-height: 40px;}
    .block_title p{font-size: 16px;margin-left:30px;}
    .company_activity .right_part .slogan{width: 50px; font-size:40px;line-height: 45px;}
    .company_activity .right_part .slogan2{margin-top:100px;}
    .activity_slider .slick-slide{margin:0 12px;}

    .service_title .left{font-size: 24px;padding:3% 0;}
    .service_title .right{font-size: 76px;line-height: 76px;}
    .service_item{width: 23.5%; margin-right: 2%;margin-bottom: 2%;}
    .service_item:nth-of-type(4n){margin-right: 0;}
    .icon_service{margin-bottom: 10px;margin-top: 10px;}
    .service_item .tit{margin-bottom: 10px;}

    .slider_pages .current{font-size: 36px;}
    .slider_pages{ margin-top:30px;}

    /*关于我们*/
    .about_us{background-color: #f8f8f8;padding-top: 50px;}
    .about_us .container_wrap{position: relative;}
    .aboutus_slider_box{width: 50%;float: left;margin-top: -83px;position: relative;}
    .aboutus_slider{  float: left;margin-left: 50px;width: calc(100% - 50px);}
    .aboutus_slider_box{margin-top: -30px;}
    .aboutus_logo{height: 50px; }
    .aboutus_slider_box{width: 46%;}
    .aboutus_introduction {width: 60%;float: left;padding: 30px 3% 30px 9%;margin-left: -6%;box-sizing: border-box;}
    .aboutus_slider_title{bottom:0; }
    .aboutus_slider_title .title{font-size: 22px; letter-spacing: 2px; line-height: 30px;}
    .aboutus_slider_title .ps{font-size: 12px;line-height: 18px;word-spacing: 4px;letter-spacing: 2px;}
    .aboutus_introduction .title{font-size: 35px;line-height: 40px;margin-bottom: 6px;}
    .aboutus_introduction .ps{font-size:20px;line-height: 22px;margin-bottom: 6px;}
    .aboutus_introduction .content_box{font-size: 14px;line-height: 24px;}
    .aboutus_introduction .content_box .btn_more2{margin-top: 20px;}
    
    /*办公室环境*/
    .office_environment_slider{padding:10% 0;}
    .blue_box .span1{padding:0 2% 0 28%; margin-top:9%;margin-left: -8%;height: 26px;font-size: 20px;line-height: 26px;}
    .blue_box .span2{margin-top: 5px;font-size: 16px;line-height: 22px;}
    .blue_box .span3{bottom: 10%;position: absolute; width: 80px;right: -40px;height: 6px;}
    .office_environment_title{padding-bottom: 10px;}
    .office_environment_title .title{font-size: 40px;line-height: 40px;margin-bottom: 4px;}
    .office_environment_title .ps{font-size: 16px;line-height: 22px;}
    .environment_slider_nav .slick-slide{margin:0 10px;}
   
    .history_slider{width: 90%;}
    .history_slider .item{margin:0 20px;border-top:6px solid #f2f2f2;padding:14px 10px;}
    .history_slider .year{font-size:36px; line-height: 48px;}
    .history_slider .ps{font-size: 14px;line-height: 22px;margin-top: 10px;}


    /*荣誉资质*/
    .honor_title .title{font-size: 20px;line-height: 26px;padding-right: 20px; margin-top: -13px;}
    .honor_title .title:after{width: 66px;}
    .honor_title .entitle{font-size: 50px;line-height: 60px;margin-bottom: 10px;}
    .honor_title .ps{font-size: 16px;line-height: 26px;right: 26%;margin-top: -13px;}
    .honor_items  .honor_item{ padding:5% 3%;}
    .honor_items  .honor_item .title{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .honor_items  .honor_item .ps{font-size:13px;line-height: 20px;}
    .honor_slider_item{margin:0 20px;}

    /*服务流程*/
    .service_flow_box .item .number{font-size: 36px;line-height: 36px; margin-bottom: 10px;}
    .service_flow_box .item .ps{font-size:16px;line-height: 24px;}
    /*服务热线*/
    .hotline_number .ps{padding-left: 28px; background-size:18px auto; font-size: 24px;line-height: 28px; color: #000000;padding-right:30px;}
    .hotline_number .title{font-size: 40px;line-height: 54px; }
    .server_box .item{padding:0 20px;font-size: 18px;width: 68px;line-height:20px;}

    .btn_more3{padding:12px 60px 12px 20px;}
    .news_list .news_item .title::after {bottom: 0px;left: 0px;background-color: #0043b3;content: "";display: block;width: 0;height: 3px;position: absolute;opacity: 1; transition: all 0s ease;-moz-transition: all 0s ease;-webkit-transition: all 0s ease;-o-transition: all 0s ease;-ms-transition: all 0s ease;  }
    .news_list .news_item a:hover .title::after{ content: ""; display: block; width: 40%;   transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  }

   
    .service_flow_con .acrtive_box{border:4px solid #0043b3;}
    .service_flow_con .acrtive_box .entitle{font-size: 24px;line-height: 45px; padding-right: 20px;}
    .service_flow_con .acrtive_box .zhtitle{ font-size: 16px;height: 28px;line-height: 28px; }

    /*网站案例*/
    .case_title .number{font-size:120px;line-height: 136px; }
    .case_title .title{font-size:20px;}
    .case_title .entitle{font-size: 56px;line-height: 56px;}
    .web_case_list li{border:6px solid #f9f9f9;}
    /*.web_case_item .item_box{min-height: 140px;}*/

     /*小程序案例*/
    .applet_case_item{border:8px solid #f0f0f0;}

   
    /*新闻*/
    .news_title .title{font-size:40px;line-height:50px;}
    .news_title .ps{font-size: 20px;line-height: 24px;}
    .news_list .news_item{font-size:16px;}
    .news_list .news_item .title{margin-bottom: 15px;font-size:16px;line-height: 28px;padding-bottom: 10px;}
    .news_list .news_item .describe{font-size: 15px;line-height: 26px;-webkit-line-clamp: 3;}


     /*建站申请*/
    .application_title .title{font-size:32px;line-height:50px;}
    .application_title .ps{font-size: 20px;line-height: 24px;}
    .form_application{padding:30px 2px 0 2px;font-size: 0;}
    .form_application input[type="text"]{background-color: #f9f9f9; float: left; font-size: 15px; width: 24.5%;height:45px;line-height: 45px;padding:0 15px;box-sizing: border-box; margin-right: 1.7%;  display: inline-block;vertical-align: top;border:1px solid #bfbfbf;}
    .form_application input[type="submit"]{float: left; width: 21.4%;height:45px;line-height: 45px;background-color: #0043b3;text-align: center;color:#ffffff;font-size: 15px;border:0;}
    .form_application input[type="submit"]:hover{background-color: #013c9e;}
    /*友情连接*/
    .friendship_links{width: 100%;padding:2% 0;}
    .friendship_links .friendship_links_list{width: 94%;margin:0 auto;font-size: 0;}
    .friendship_links_list li{width: 23%;margin:0 1%;display: inline-block;vertical-align: top;font-size: 14px;height: 24px;line-height:24px;margin-bottom: 5px;}
    .friendship_links_list li a{display: inline-block;width: 100%;height:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

     
}



@media (min-width: 1200px){

    .banner_bottom{padding:18px 3%;height: 100px;bottom: -47px;}
    .index_banner .inner .block_txt h2{ font-size: 46px;line-height: 50px;margin-bottom: 20px;}
    .index_banner .inner .block_txt h4{font-size: 18px;line-height: 30px;}

    .index_banner .item {height:calc(100vh - 53px)}
    .banner_control{width: 14%;}
    .scroll_data_item .item_number{font-size: 32px;line-height: 40px;}
    .scroll_data_item .ps{font-size: 16px;}

    .block_title h2{font-size: 40px;line-height: 50px;}
    .block_title p{font-size: 18px;margin-left:40px;}
    .company_activity .right_part .slogan{width: 60px; font-size:48px;line-height: 50px;}
    .company_activity .right_part .slogan2{margin-top:120px;}
    .activity_slider .slick-slide{margin:0 16px;}

    .service_title .left{font-size: 28px;padding:3% 0;}
    .service_title .right{font-size: 100px;line-height: 100px;}

    .service_item{width: 23.5%; margin-right: 2%;margin-bottom: 2%;}
    .service_item:nth-of-type(4n){margin-right: 0;}
    .icon_service{margin-top: 10px;margin-bottom: 10px;}
    .service_item .tit{margin-bottom: 20px;}


    /*关于我们*/
    .aboutus_slider_box{margin-top: -60px;}
    .aboutus_logo{height: 60px; }
    .aboutus_slider_box{width: 46%;}
    .aboutus_introduction {width: 60%;float: left;padding: 40px 3% 40px 9%;margin-left: -6%;box-sizing: border-box;}
    .aboutus_slider_title{bottom:0; }
    .aboutus_slider_title .title{font-size: 28px; letter-spacing: 2px; line-height: 34px;}
    .aboutus_slider_title .ps{font-size: 12px;line-height: 20px;word-spacing: 4px;letter-spacing: 2px;}
    .aboutus_introduction .title{font-size: 40px;line-height: 45px;margin-bottom: 8px;}
    .aboutus_introduction .ps{font-size:24px;line-height: 30px;margin-bottom: 8px;}
    .aboutus_introduction .content_box{font-size: 14px;line-height: 22px;}
    .aboutus_introduction .content_box .btn_more2{margin-top: 20px;}
    .activity_slider .item {width: 30.33%;float: none;display: inline-block;}

    /*办公环境*/
    .office_environment_slider{padding:10% 0;}
    .blue_box .span1{padding:0 2% 0 28%; margin-top:9%;margin-left: -8%;height: 30px;font-size: 22px;line-height: 30px;}
    .blue_box .span2{margin-top: 5px;font-size: 20px;line-height: 22px;}
    .blue_box .span3{bottom: 10%;position: absolute; width: 80px;right: -40px;height: 6px;}
    .office_environment_title .title{font-size: 60px;line-height: 60px;}
    .office_environment_title .ps{font-size: 20px;line-height: 30px;}
    .environment_slider_nav .slick-slide{margin:0 10px;}


    .history_slider{width: 90%;}
    .history_slider .item{margin:0 24px;border-top:6px solid #f2f2f2;padding:15px 10px;}
    .history_slider .year{font-size:42px; line-height: 52px;}
    .history_slider .ps{font-size: 14px;line-height: 22px;margin-top: 10px;}


    /*荣誉资质*/
    .honor_title .title{font-size: 24px;line-height: 28px;padding-right: 30px; margin-top: -15px;}
    .honor_title .title:after{width: 86px;}
    .honor_title .entitle{font-size: 70px;line-height: 80px;}
    .honor_title .ps{font-size: 18px;line-height: 28px;right: 26%;margin-top: -14px;}
    .honor_items  .honor_item{ padding:5% 3%;}
    .honor_items  .honor_item .title{font-size: 20px;line-height: 30px;margin-bottom: 10px;}
    .honor_items  .honor_item .ps{font-size:15px;line-height: 24px;}
    .honor_slider_item{margin:0 30px;}

     /*服务流程*/
    .service_flow_box .item .number{font-size: 44px;line-height: 44px; margin-bottom: 10px;}
    .service_flow_box .item .ps{font-size:16px;line-height: 24px;}

    .hotline_number .ps{padding-left: 30px; background-size:20px auto; font-size: 26px;line-height: 30px; color: #000000;padding-right:40px;}
    .hotline_number .title{font-size: 52px;line-height: 62px; }
    .server_box .item{padding:0 30px;font-size: 20px;width: 80px;line-height:26px;}

    .service_flow_con .acrtive_box{border:4px solid #0043b3;}
    .service_flow_con .acrtive_box .entitle{font-size: 30px;line-height: 45px; padding-right: 20px;}
    .service_flow_con .acrtive_box .zhtitle{ font-size: 18px;height: 30px;line-height: 30px; }


     /*网站案例*/
    .case_title .number{font-size:140px;line-height: 156px; }
    .case_title .title{font-size:22px;}
    .case_title .entitle{font-size: 76px;line-height: 76px;}
    .web_case_list li{border:8px solid #f9f9f9;}
    /*.web_case_item .item_box{min-height: 160px;}*/


     /*小程序案例*/
    .applet_case_item{border:10px solid #f0f0f0;}



    /*新闻*/
    .news_title .title{font-size:60px;line-height:70px;}
    .news_title .ps{font-size: 22px;line-height: 28px;}
    .news_list .news_item{font-size:16px;}
    .news_list .news_item .title{margin-bottom: 15px;font-size:16px;line-height: 28px;}
    .news_list .news_item .describe{font-size: 15px;line-height: 26px;-webkit-line-clamp: 3;}

     /*建站申请*/
    .application_title .title{font-size: 36px;line-height:66px;}
    .application_title .ps{font-size: 22px;line-height: 28px;}
    .form_application{padding:30px 2px 0 20px;font-size: 0;}
    .form_application input[type="text"]{float: left; font-size: 15px; width: 24.5%;height:50px;line-height: 50px;padding:0 15px;box-sizing: border-box; margin-right: 1.7%;  display: inline-block;vertical-align: top;border:1px solid #bfbfbf;}
    .form_application input[type="submit"]{float: left; width: 21.4%;height:50px;line-height: 50px;background-color: #0043b3;text-align: center;color:#ffffff;font-size: 15px;border:0;}
    
     /*友情连接*/
    .friendship_links{width: 100%;padding:2% 0;}
    .friendship_links .friendship_links_list{width: 94%;margin:0 auto;font-size: 0;}
    .friendship_links_list li{width: 14.666%;margin:0 1%;display: inline-block;vertical-align: top;font-size: 14px;height: 24px;line-height:24px;margin-bottom: 5px;}
    .friendship_links_list li a{display: inline-block;width: 100%;height:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


}

@media (min-width: 1400px){
   .friendship_links_list li{width: 12.28%;}
   /*网站案例*/
    .case_title .number{font-size:150px;line-height: 166px; }
    .case_title .title{font-size:22px;}
    .case_title .entitle{font-size: 80px;line-height: 80px;}
    .case_title .title{right: -22%;}
    .web_case_list li{border:10px solid #f9f9f9;}
    /*.web_case_item .item_box{min-height: 180px;}*/

    .service_flow_con .acrtive_box{border:5px solid #0043b3;}
    .service_flow_con .acrtive_box .entitle{font-size: 34px;line-height: 50px; padding-right: 20px;}
    .service_flow_con .acrtive_box .zhtitle{ font-size: 20px;height: 30px;line-height: 30px; }

    .blue_box .span1{height: 32px;font-size: 24px;line-height: 32px;}
    .blue_box .span2{font-size: 20px;line-height: 30px;}

    /*小程序案例*/
    .applet_case_item{border:12px solid #f0f0f0;}


}



@media (min-width: 1600px){

    .banner_bottom{padding:37px 3%;height: 148px;bottom: -71px;}
    .index_banner .inner .block_txt h2{ font-size: 58px;line-height: 70px;margin-bottom: 20px;}
    .index_banner .inner .block_txt h4{font-size: 20px;line-height: 40px;}
    .index_banner .item {height:calc(100vh - 77px)}
    .banner_control{width: 14%;}
    .scroll_data_item .item_number{font-size: 26px;line-height: 50px;}
    .scroll_data_item .ps{font-size: 18px;color: #787878;}
    .form_querydomain{width: 50%;}

    .block_title h2{font-size: 54px;line-height: 60px;}
    .block_title p{font-size: 22px;margin-left:70px;}
    .company_activity .right_part .slogan{width: 80px; font-size:65px;line-height: 70px;}
    .company_activity .right_part .slogan2{margin-top:160px;}
    .activity_slider .slick-slide{margin:0 22px;}
    .activity_slider .slick-slide a:hover .item_title{color: #ffffff;}

    .service_title .left{font-size: 32px;padding:3% 0;}
    .service_title .right{font-size: 120px;line-height: 120px;}
    .icon_service{margin-top: 10px;margin-bottom: 20px;}
    .service_item a{padding:6%;}

    .aboutus_introduction{padding:50px 4% 50px 12%;margin-left: -8%;}
    .aboutus_slider_box{margin-top: -83px;}
    .aboutus_logo { height: 95px;}
    .aboutus_slider_title .title{font-size: 42px; line-height: 50px;margin-bottom: 10px;}
    .aboutus_slider_title .ps{font-size: 14px;line-height: 22px;}
    .aboutus_introduction .title{font-size: 60px;line-height: 70px;}
    .aboutus_introduction .ps{font-size: 28px;line-height: 30px;margin:20px 0;}
    .aboutus_introduction .content_box{font-size: 16px;line-height: 30px;margin:20px 0;}
    .aboutus_introduction .content_box .btn_more2{margin-top: 20px;}

    /*办公环境*/
    .office_environment_slider{padding:5% 0;}
    .office_environment_title .title{font-size:90px;line-height: 90px;font-weight:bold; color: #e0e0e0;margin-bottom: 10px;}
    .office_environment_title .ps{font-size:28px;line-height: 30px;color: #000000;}
    .blue_box{width: 33%;height:100%;border:5px solid #0043b3;position:absolute;right: 22%;top:0;z-index: 2;}
    .blue_box .span1{display: inline-block;text-align: right; padding:0 2% 0 28%; margin-top:10%;margin-left: -8%;height: 35px;font-weight: bold; background-color: #0043b3;color: #ffffff;text-transform: uppercase;font-size: 28px;line-height: 35px;}
    .blue_box .span2{display: block;margin-top: 5px; margin-left: 20%;color: #000000;font-weight: bold;text-transform: uppercase;font-size: 22px;line-height: 35px;}
    .blue_box .span3{bottom: 10%;position: absolute; width: 80px;right: -40px;height: 12px;background-color:#0043b3; }
    .environment_slider_for_control{position: absolute;left:46%;bottom: 4%;}

    .history_slider{width: 80%;}
    .history_slider .item{margin:0 30px;border-top:8px solid #f2f2f2;padding:20px;}
    .history_slider .year{font-size:46px; line-height: 56px;}
    .history_slider .ps{font-size: 15px;line-height: 22px;margin-top: 10px;}

    /*荣誉资质*/
    .honor_title .title{font-size: 28px;line-height: 30px;padding-right: 36px; margin-top: -15px;}
    .honor_title .title:after{width: 94px;}
    .honor_title .entitle{font-size: 86px;line-height: 86px;}
    .honor_title .ps{font-size: 20px;line-height: 30px;right: 26%;margin-top: -15px;}
    .honor_items  .honor_item{ padding:5% 6%;}
    .honor_items  .honor_item .title{font-size: 22px;line-height: 30px;margin-bottom: 10px;}
    .honor_items  .honor_item .ps{font-size:16px;line-height: 28px;}
    .honor_slider_item{margin:0 50px;}

     /*服务流程*/
    .service_flow_box .item .number{font-size: 56px;line-height: 56px; margin-bottom: 20px;}
    .service_flow_box .item .ps{font-size:20px;line-height: 30px;}

    /*网站案例*/
    .case_title .number{font-size:170px;line-height: 196px; }
    .case_title .title{font-size:28px;}
    .case_title .entitle{font-size: 100px;line-height: 100px;}
    .case_title .title{right: -30%;}

    /*小程序案例*/
    .applet_case_item{border:14px solid #f0f0f0;}

   

    .hotline_number .ps{padding-left: 40px; background-size:24px auto; font-size: 30px;line-height: 35px; color: #000000;padding-right:50px;}
    .hotline_number .title{font-size: 68px;line-height: 78px; }
    .server_box .item{padding:0 50px;font-size: 24px;width: 124px;line-height: 30px;}

    /*新闻*/
    .news_title .title{font-size: 82px;line-height:90px;}
    .news_title .ps{font-size: 28px;line-height: 30px;}
    .news_list .news_item{font-size:16px;}
    .news_list .news_item .title{margin-bottom: 20px;font-size:16px;line-height: 28px;}
    .news_list .news_item .describe{font-size: 16px;line-height: 30px;-webkit-line-clamp: 5;}

    /*建站申请*/
    .application_title .title{font-size: 52px;line-height:90px;}
    .application_title .ps{font-size: 28px;line-height: 30px;}
    .form_application{padding:30px 2px 0 2px;}
    .form_application input[type="text"]{float: left; font-size: 16px; width: 24.5%;height:60px;padding:0 15px;box-sizing: border-box; margin-right: 1.7%; line-height: 60px; display: inline-block;vertical-align: top;border:1px solid #bfbfbf;}
    .form_application input[type="submit"]{float: left; width: 21.4%;height:60px;line-height: 60px;background-color: #0043b3;text-align: center;color:#ffffff;font-size: 16px;border:0;}
    
    /*友情连接*/
    .friendship_links{width: 100%;padding:3% 0;}
    .friendship_links .friendship_links_list{width: 90%;margin:0 auto;font-size: 0;}
    .friendship_links_list li{width: 10.5%;margin:0 1%;display: inline-block;vertical-align: top;font-size: 14px;height: 24px;line-height:24px;margin-bottom: 5px;}
    .friendship_links_list li a{display: inline-block;width: 100%;height:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    


    .service_flow_con .acrtive_box .entitle{ font-size: 40px;line-height: 60px; padding-right: 30px;}
    .service_flow_con .acrtive_box .zhtitle{font-size: 24px;height: 40px;line-height: 40px; }


   

}    


.imglist{
	height:246px;overflow:hidden;background-color:#efefef;
}


@media (min-width:768px) and (max-width: 1024px) {
    .environment_slider_nav_box{width: 54%;padding: 3% 4% 3% 5%;}
}
@media (min-width:1600px)  {
    .environment_slider_nav_box{width: 54%;padding: 4% 6% 4% 5%;top:40%;}
}